body{background:#ddd;}
.btn{display:inline-block;padding:.5em 1em;background:#0896E8;color:#fff;border:1px solid #03669F;box-shadow:0 0 2px #333,inset 0 1px 1px #A6DCFB;border-radius:.3em;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));}
.btn2{display:inline-block;padding:.5em 1em;background:#148F00;color:#fff;border:1px solid #03669F;box-shadow:0 0 2px #333,inset 0 1px 1px #C6FABE;border-radius:.3em;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));}
.hand{cursor:pointer;}
.bdd{border:1px solid #ddd;}
.p5{padding:5px;}
.p10{padding:10px;}
.red{color:#D0004E;}
.green{color:#148F00;}
.purple{color:#AB0195;}
.blue{color:#0366D5;}
.white{color:#fff;}
.bggray{background:gray;}
.bgwhite{background:#fff;}
.b{font-weight:700;}
.abs{position:absolute;}
.t100{top:100px;}
.t200{top:200px;}
.t300{top:300px;}
.bs{box-shadow:0 0 20px #333;}
